<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" placeholder="员工姓名">
<input type="text" placeholder="工资">
<input type="text" placeholder="工作">
<input type="button" value="添加">
<table border="1">
    <caption>员工列表</caption>
    <tr>
        <th>姓名</th>
        <th>工资</th>
        <th>工作</th>
    </tr>
</table>

<script src="jq.js"></script>
<script>
    $("input:last").click(function () {
        //创建1个tr和3个td
        let tr= $("<tr></tr>");
        let nametd=$("<td></td>");
        let salarytd=$("<td></td>");
        let jobtd=$("<td></td>");
    // 把文本框中的文本添加到td中
        nametd.text($("input:eq(0)").val());
        salarytd.text($("input:eq(1)").val());
        jobtd.text($("input:eq(2)").val());

        // 把td装进tr
        tr.append(nametd);
        tr.append(salarytd);
        tr.append(jobtd);

    //    把tr装进table
       $("table").append(tr);

    })
</script>

</body>
</html>